<template>
    <div class="goods-forsale">
        <i-card>
            <goods-search class="goods-search"></goods-search>
        </i-card>
        <custom-tabs :tabsNav="tabsNav">
            <template slot="tabs-con">
                <goods-list :data="allData"></goods-list>
                <goods-footer></goods-footer>
            </template>
        </custom-tabs>
    </div>
</template>
<script>
// custom components
import GoodsList from './components/GoodsList'
import GoodsSearch from './components/GoodsSearch'
import GoodsFooter from './components/GoodsFooter'
import CustomTabs from '@/admin/components/CustomTabs'

export default {
    name: 'goods-forsale',
    data() {
        return {
            allData: [],
            tabsNav: [
                {
                    name: 'all',
                    label: '全部'
                },
                {
                    name: 'SoldOffShelves',
                    label: '售完下架'
                },
                {
                    name: 'upcoming',
                    label: '即将上架'
                }
            ]
        }
    },
    components: {
        GoodsList,
        GoodsSearch,
        GoodsFooter,
        CustomTabs
    },
    methods: {
        onClickTabs(name) {
            console.log(name)
        }
    }
}
</script>
<style lang="less" scoped>
@import '~@/assets/style/theme/index';
.forsale-tabs {
    margin-top: @gap;
    .goods-list {
        margin-top: 0;
    }
}
</style>


